/* css document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div {border:0;margin:0 auto;padding:0}
body {width:100%;height:100%;background:#f8f8f8;font: 15px/1.5 Helvetica,Tahoma,Arial,"Hiragino Sans GB","Microsoft YaHei",SimSun,Heiti,sans-serif}
li {list-style:none;font-size:8px}
a {color:#544f4f;text-decoration:none;font-size: 16px;font-weight:600;bblr:expression(this.onfocus=this.blur());outline-style:none}
a:hover {color:#ff0000}p {font-size:14px;color:#333;/*text-indent:2em*/}
.clear {clear:both}td,tr{ border:#ccc 1px solid}
.head {width:1200px;height:100px;margin:0 auto}
.head span{color:#333;font-size:14px;}
.logo {float:left;display:inline;margin:15px 15px 0 0}
.logo img{width:110px;height:90px;}
.logo_txt{float:left;margin:25px 0 0 5px;height:85px;line-height:37px;font-size:30px;font-weight:bold;}
.logo_txt p{font-size:20px;}
.tel{width:450px;height:111px;float:right;display:block;}
.nav{height:10vh;background-repeat:repeat-x;background-image:linear-gradient(#6c72b7cf,#1430a3fa, #6c72b7e8);-webkit-animation: hue6sinfinitelinear;}
.nav_txt{width:70vw;height:10vh;padding-top:1vh;padding-bottom:1vh;}
.nav_txt ul{width: 100%;}
.nav_txt ul li{float:left;width:12%;height:8vh;line-height:8vh;text-align:center;display:block;transition:border-bottom 2s;}
.nav_txt ul li:hover{background-color:#ebeef5;border-bottom:2px solid black;border-radius:10px;}
.nav_txt ul li a{font-size:1.2vw;color:#fff;display:block;font-weight:bold;}
.nav_txt ul li a:hover{color:#000}
.banner{width:100%;height:500px;}
.banner img{width:100%;height:auto;}
/*栏目页导航*/

.product_fenlei1 {
    float: left;
    width: 1200px;
    height: auto;
}

.product_fenlei_top1 {
    width: 15%;
    float: left;
    height: 90px;
    background-color: #239ee5;
    font-size: 18px;
    padding: 15px 0 0 40px;
    color: #fff;
    font-weight: 900;
    border: 1px solid #bbb;
    border-bottom: none;
}
#main_demo1 {
    width: 80%;
    float: right;
}




/*栏目页产品*/
.product_chanpin1 {
    float: left;
    width: 1200px;
    height: auto;
    margin-left: 20px;
    min-height: 600px;
}

.product_chanpin_top1 {
    width: 1200px;
    height: 70px;
    background-image: url(../images/chanpin_top.gif);
    margin-top: 30px;
}
.product_chanpin_top1 .wz{float:right;margin:26px 38px 0 0;font-size:16px;color:#239ee5;font-weight:900;}
.product_chanpin_top1 .wz a{font-size:16px;color:#239ee5;font-weight:900;}
.product_chanpin_top1 .wz a:hover{color:#ff0000}
.product_chanpin_bottom1{margin-top:5px;}

.product_chanpin_bottom1 ul {
    width: 1200px;
    height: auto;
    overflow: auto;
}

.product_chanpin_bottom1 ul li {
    float: left;
    width: 240px;
    height: 280px;
    margin: 5px 8px;
    padding: 20px 17px;
    background: #3998fc91;
    border-radius: 10px;
}
.product_chanpin_bottom1 ul li img{width:240px;height: 250px;}
.product_chanpin_bottom1 ul li span{width:250px;height:35px;float:left;margin-top:-2px;font-size:16px;text-align:center;color:#333;font-weight:bold;}
.product_chanpin_bottom1 ul li span:hover{color:#f7f5f3d1}
.product_chanpin_bottom1 ul li:hover{box-shadow: 0 0 11px 9px #b0afb4;transition-duration:0.5s;transition-property:box-shadow;border-radius:10px;background:#ed861dd1;}
.product_chanpin_bottom1 ul li a:hover{color:#4587e8;}


.root-item1 {
    height: 45px;
    width: 12%;
    float: left;
    font-weight: normal;
    padding-left: 40px;
    margin-bottom: 5px;
    margin-left: 20px;
    line-height: 50px;
    border: 2px solid #e6eaec;
    background: #e6eaec;
}
.root-item1:hover {
	color: #f2f2f2;
    background: #239ee5;
    box-shadow: 0 0 9px 3px #00aef3;
    transition-duration: 0.5s;
    transition-property: box-shadow;
}
/*------------------------------------------------------------------*/
.product{width:65vw;min-height: 600px;margin-top:10px;}
.product_fenlei{float:left;width:10vw;height:auto;}
.product_fenlei_top{width:158px;height:55px;background-color:#239ee5;font-size:18px;padding:15px 0 0 40px;color:#fff;font-weight:900;border:1px solid #bbb;border-bottom:none;}  
.product_fenlei_top span{color:#fff;font-size:14px;}
.product_fenlei_bottom{width:198px;height:auto;background:#fff;}
.product_fenlei_bottom ul{width:198px;height:auto;}
.product_fenlei_bottom ul li{height:49px;line-height:50px;padding-left:50px;border-bottom:1px solid #bbb;background: url(../images/jiantou.gif) no-repeat 10% 50%;}
.product_fenlei_bottom ul li:hover{background:#f2f2f2 url(../images/jiantou.gif) no-repeat 10% 50%;}
.product_fenlei_bottom ul li a{font-size:16px;display:block;}
.product_chanpin{float:left;width:53vw;height:auto;margin-left:20px;min-height: 500px;}
.product_chanpin_top{width:980px;height:70px;background-image:url(../images/chanpin_top.gif);} 
.product_chanpin_top img{height:70px;}
.product_chanpin_top span{float:right;margin:26px 38px 0 0;}
.product_chanpin_top span a{font-size:16px;color:#239ee5;font-weight:900;display:block;}
.product_chanpin_top span a:hover{color:#ff0000}
.product_chanpin_top .wz{float:right;margin:26px 38px 0 0;font-size:16px;color:#239ee5;font-weight:900;}
.product_chanpin_top .wz a{font-size:16px;color:#239ee5;font-weight:900;}
.product_chanpin_top .wz a:hover{color:#ff0000}
.product_chanpin_bottom{margin-top:5px;}
.product_chanpin_bottom ul{width:980px;height:auto;}
.product_chanpin_bottom ul li{float:left;width:200px;height:230px;margin:5px 5px;padding:20px 17px;background:#3998fce3;border-radius:8px;} 
.product_chanpin_bottom ul li img{width:200px;height:200px;}
.product_chanpin_bottom ul li span{color:#000000b5;width:200px;height:35px;float:left;margin-top:-2px;font-size:16px;text-align:center;font-family: sans-serif; font-weight: bold;}
.product_chanpin_bottom ul li:hover{box-shadow:0 0 11px 9px #b0afb4;transition-duration:0.5s;transition-property:box-shadow;background:#ebb462e0;}
.product_chanpin_bottom ul li span:hover{color:#ebeef5;}
.product_chanpin_bottom ul li a:hover{color:#ebeef5;}
.gywm{width:100%;height:46vh;background:#4e6ef2c9;margin-top:2vh;padding: 20px 0;display:block;}
.gywm_nr{width: 65%;height:42vh;padding-top: 20px;margin: 0 auto;background: #fffbf5;border: 1px solid #e0e0e0;box-shadow: 4px 0px 2px 0px #8f8f8f;border-radius: 10px;}
.gywm_nr_top{width:1200px;height:70px;background: url(../images/gywm_nr_top.gif) no-repeat 10px 0;text-align:center;}
.gywm_nr_top span{font-size:18px;line-height:70px;display:inline;}
.gywm_nr_top span a{font-size:16px;color:#239ee5;font-weight:900;}
.gywm_nr_top span a:hover{color:#ff0000}
.gywm_nr_txt{float:left;width:710px;height:300px;padding:10px 20px;}
.gywm_nr_txt img{height:70px;}
.gywm_nr_txt p{text-indent:2em;color:#666;font-size:16px;line-height:30px;}
.gywm_tupian{float:left;width:450px;height:320px;}
.gywm_tupian img{width:350px;height:250px;padding:20px 0 0 0;}
.why{width:1200px;height:400px;text-align:center;}
.why_top{width: auto;    font-size: 20px;    font-weight: 900;    text-align: center;    color: #333;    margin-top: 80px;    margin-bottom: 50px;}
.why ul li{float:left;width:200px;height:290px;margin:0 50px;}
.why_tupian1{width:160px;height:160px;background-image:url(../images/s1.png);}
.why_tupian2{width:160px;height:160px;background-image:url(../images/s2.png);}
.why_tupian3{width:160px;height:160px;background-image:url(../images/s3.png);}
.why_tupian4{width:160px;height:160px;background-image:url(../images/s4.png);}
.why_tupian1:hover{background-image:url(../images/s1-1.png);}
.why_tupian2:hover{background-image:url(../images/s2-1.png);}
.why_tupian3:hover{background-image:url(../images/s3-1.png);}
.why_tupian4:hover{background-image:url(../images/s4-1.png);}
.why_txt span{font-size:16px;color:#239ee5;font-weight:700;}
.why_tupian img{width:160px;height:160px;}
.why_xian{width:80%;margin:0 auto;overflow:hidden;}
.zizhi_hezuo{width:1200px;height:400px;margin:0 auto;padding:20px 0 0 0;}
.zizhi{float:left;width:578px;height:380px;margin-right:20px;background:#fff;border: 1px solid #e0e0e0;box-shadow: 4px 0px 2px 0px #8f8f8f;}
.zizhi p,.hezuo p{font-size:18px;color:#239ee5;font-weight:700;margin:20px 20px}
.zizhi ul li{float:left;width:250px;height:140px;margin: 6px 3px 5px 15px;}
.zizhi ul li:hover{background: #caecff;}
.zizhi_tupian{float:left;border: 1px #ccc solid;margin:5px 5px;}
.zizhi_tupian img{width:120px;height:120px;}
.zizhi_txt{float:left;margin:10px 0 0 10px;font-size:16px;color:#666;font-weight:700;}
.hezuo{float:left;width:598px;height:380px;background:#fff;border: 1px solid #e0e0e0;box-shadow: 4px 0px 2px 0px #8f8f8f;}
.hezuo ul {width:580px;height:300px;}
.hezuo ul li{float:left;width:auto;height:65px;margin:0 5px 17px 5px;border: 1px #fff solid;}
.hezuo ul li:hover{border: 1px #000000 solid;}
.hezuo_tupian{width:auto;height:auto;}
.hezuo_tupian img{width:auto;max-height:65px;}
.qyfc{width:100%; height:40vh;background:#4e6ef2fa;margin-top:10px;}
.qyfc_nr{width: 1200px;height:auto;margin:0 auto;}
.qyfc_top{font-size:26px;color:#fffffe;font-weight:700;padding:20px 20px 20px 0;border-bottom: inset;}
#fccon{width: 1200px;height:230px; overflow: hidden;height: 25vh;margin-top: 1vh;}
.qyfc ul li{width: 320px;height: 230px;margin-right: 25px;float: left;}
.qyfc ul li img{width:17vw;height:20vh;border: 1px solid #e0e0e0;padding: 3px;}
.qyfc ul li p{text-align:center;margin-top:5px;font-size: 20px;font-weight: 600;color: #efeff3;}
.news{width:64vw;height:60vh;}
.news_left{float:left;width:710px;height:480px;margin:20px 20px 0 0;}#news_left2,#news_right2{height:400px;}#news2{height:400px;}
.news_right{float:left;width:470px;height:500px;margin:20px 0 0 0;}
.news_left_top{width:710px;height:70px;background:url(../images/i-1.png) no-repeat top;background-size:710px 20px;}
.news_left_top a,.news_right_top a{	font-size: 20px;    color: #239ee5;    font-weight: 700;    margin: 20px 0 0 0 ;	display: block;	float:left;	padding:20px 0;}
.news_left_top span,.news_right_top span {    color: #239ee5;    font-weight: 700;	display: block;	float:right;	margin-right:40px;}
.news_left_top span a,.news_right_top span a{font-size: 16px;color:#666}.news_left_top a:hover,.news_left_middle_nr a:hover,.news_right a:hover{color: #ff0000;}
.news_left_middle{width:710px;height:180px;margin:10px 0 0 0;}
.news_left_middle_tp{width:160px;height:160px;float:left;margin:0 30px 0 0;}
.news_left_middle_tp img{width:160px;height:160px;display:block;}
.news_left_middle_title{float:left;width:520px;}
.news_left_middle_title a{font-size:25px;}
.news_left_middle_nr{float:left;width:500px;}
.news_left_middle_nr p{margin:10px 0 0 0;}
.news_left_middle_nr a{font-size:14px;color:#666;}
.news_left_botoom{width: 680px;float: left;}
.news_left_botoom ul li {height:34px;line-height: 34px;padding:0 0 0 40px;background:url(../images/xwtb.png) no-repeat 0px 7px;border-bottom: 1px dashed #e1e1e1;}
.news_left_botoom ul li a{font-size:14px;}.news_left_botoom ul li span{font-size:14px;float:right;color:#676767;}
.news_right_top{width:470px;height:70px;background:url(../images/i-1.png) no-repeat top;background-size:470px 20px;}
.news_right_bottom{margin:10px 0 0 0;}#news_right_bottom2{margin:0 0;}
.news_right_bottom ul li{	width: 450px;    line-height: 34px;    border-bottom: 1px dashed #e1e1e1;    font-size: 13px;    background: url(../images/news_right_li.png) no-repeat center right;    white-space: nowrap;    text-overflow: ellipsis;    overflow: hiddin;	margin:0 0;}
.news_right_bottom ul li .news_nextNav {    display: none;    width: 466px;    height: 88px;    line-height: 26px;    background: url(../images/new_right.png) no-repeat center;    margin-bottom: 20px;    overflow: hidden;}
.news_right_bottom ul li .news_nextNav p {    width: 400px;    white-space: normal;    height: 78px;    padding: 30px 0 10px 0;	}
.news_right_bottom ul li:hover .news_nextNav, .news_right_bottom ul li.cur .news_nextNav {    display: block;}
.ys01{margin:0 0;}
.news_nextNav a{color:#239ee5;}
.footer{width:100%;background:#eee;margin-top:20px;}
.footer_nav_bg{width: 100%;height:6vh;background:#4a5eb6;box-shadow:7px 4px 13px 7px;padding-top:1vh;}
.footer_nav{width:1200px;height:40px;}
.footer_nav ul{width:1200px;height:40px;}
.footer_nav ul li{float:left;width:125px;height:40px;line-height:40px;text-align:center;display:block;}
.footer_nav ul li:hover{background-color: #d79336;border-radius: 5px;}
.footer_nav ul li a{font-size:16px;color:#fff;display:block;}
.footer_nav ul li a:hover{color:#000}
.footer_nr{width:1200px;height:170px;margin:0 auto;padding:30px 0 0 0;}
.footer_nr_left{float:left;margin:0 0 0 250px;}
.footer_nr_left{line-height:30px;}
.footer_nr_right{float:right;margin:0 200px 0 0;}
.footer_nr_right img{width:150px;height:150px;}
.gywm_title{	text-align:center;	width: 980px;    height: 70px;    background-image: url(../images/chanpin_top.gif);}
.gywm_title span{display:block;line-height:70px;color: #239ee5;font-size: 18px;font-weight: 900;}
#gywm_bottom{margin-top:20px;}
#gywm_qyfc{margin:20px 0 20px 0;}
#gywm_qyfc_top{text-align: center;}
#bzzs_bottom h1{margin:20px 0;text-align:center;font-size:20px;}
#bzzs_bottom {line-height:30px;}
#bzzs_bottom a{font-size: 18px;}
.product_list{width:1200px;min-height:600px;background:#eee;margin:20px 0 0 0;padding:10px 10px;}
.product_list ul li{width:1200px;height:150px;border-bottom: #ccc 1px dashed;margin: 5px 0;}
.product_list_left{width:145px;height:145px;float:left;margin:0 20px 0 0;}
.product_list_left img{width:145px;height: auto;}
.product_list_right{float:left;width:980px;}
.product_list_right_title{width:980px;height:30px;font-size:18px;float:left;margin:0 0 10px 0;}
.product_list_right_title span{float:right;font-size:14px;font-weight:normal;color:#666;}
.product_list_right_title h3{float:left;}
.product_list_right_title h3 a{font-size:18px;color:#239ee5;}
.product_list_right_title h3 a:hover{color:#ff0000;}
.product_list_right_nr{width:980px;height:70px;float:left;}
.product_list_right_nr h4{font-size:14px;color:#666;line-height:30px;font-weight:normal;}
.product_list_right_bottom span{	float:right;	background:#8d8d8d;	line-height: 20px;    width: 68px;    padding: 5px 12px;}
.product_list_right_bottom span a{color:#fff;}
.product_list_right_bottom span a:hover{color:#000;}
.product_tj_left{float:left;width:500px; margin:0 auto;}
.product_tj_right{float:left;width:460px;margin:0 0 0 20px}
.product_tj_right span{font-size:16px;width:360px;height:40px;display:block;line-height:40px;}
.product_tj_right span h1{font-size:16px;font-weight:normal;display:inline;}
.product_tj_right p{line-height:40px;}
#product_tj_right_tel{font-size: 20px;color: #ff0000;margin: 20px 0 0 0;font-weight: 700;}
#bzzs_bottom2{margin-top:50px;}
#bzzs_bottom2 h1{margin:20px 0;text-align:center;}
.product_tj_bottom{margin:20px 0;}
.product_tj_right_lx{	margin:20px 0 0 0;	width:400px;	height:40px;	background-color: #fffff5;    padding-bottom: 12px;    border: 1px solid #ffe2a6;	padding:10px 10px;}
.product_tj_right_lxqq{float:left;margin-right:10px;}
.product_tj_right_lxwx{float:left;}
a.weixin {    position: relative;} 
.weixin img.qrcode {  position: absolute;  z-index: 99;  top: 50px;  right: -130px;  width: 7.5rem;  max-width: none;  height: 7.5rem;  transform: scale(0);  transform-origin: top right;  opacity: 0;  border: .3125rem solid #0085ba;  border-radius: .25rem;  -webkit-transition: all .4s ease-in-out;  -o-transition: all .4s ease-in-out;  transition: all .4s ease-in-out; } 
.weixin:hover img.qrcode {    transform: scale(1);    opacity: 1;}
#xx_xian{width:100% !important;margin: 60px 0 0 0;font-weight: 700;}#xx_xian span{    margin: 0px 0 0 20px;	font-size: 16px;}/*导航*/
#main_demo{	width: 198px;    background: #fff;} 
#menu{	width: auto;}
#G_chan-panel{		}
.pp_channels .root-item, .pp_channels .root-name, .pp_channels .root-name span, .pp_channels .sub-list li a {/* background-image: url("bg.png");    background-repeat: no-repeat;*/}
.G_chan-panel {	position: absolute;	z-index: 1000;	top: 120px;	left: 199px;	visibility: hidden;	width:auto;height:auto;}
.pp_channels {	padding: 0;	width: 198px;    height: auto;    background: #fff;}
.pp_channels .root-item {	zoom: 1;	position: relative;	height: 49px;    line-height: 50px;    padding-left:40px;    border-bottom: 1px solid #bbb;    background: url(../images/jiantou.gif) no-repeat 10% 50%;}
.pp_channels .root-item:hover{background: #f2f2f2 url(../images/jiantou.gif) no-repeat 10% 50%;}
.pp_channels .root-name {	display: block;	z-index: 1001;	position: relative;	height:49px;	background-position: -10px -358px;	cursor: pointer;}
.pp_channels .root-name span {	display: block;	font-weight: normal;	padding-left: 9px;	height: 49px;	font-size: 16px;	color: #000;	background-position: -167px -358px;}
.pp_channels .active .root-name {	}.pp_channels .active .root-name span {	color: #C00;	border-color: #fff;}
.pp_channels .no-sub .root-name span {	border-color: #fff;	background-position: 20px -358px;}
.pp_channels .sub-list {	left: 198px;	top: -34px;	width: 160px;	overflow: hidden;	background-color: #f2f2f2;	-moz-box-shadow: -1px 1px 1px #ccc;	-webkit-box-shadow: 0 1px 5px #ccc;	box-shadow: 0 1px 5px #ccc;}
.pp_channels .active .sub-list {	visibility: visible;}
.pp_channels .sub-list li {	float: left;    width: 120px;    margin: 0 10px 0 12px;    border-bottom: dotted 1px #ccc;    padding: 5px 2px 5px 6px;	}
.pp_channels .sub-list .main-cate {	width: 200px;	margin-right: -10px;	font-weight: bold;}
.pp_channels .sub-list a {	padding-left: 3px;	line-height: 21px;	background-position: -169px -418px; *background-position: -169px -420px;}
.pop-panel li a{font-size:14px;}
.pop-panel li a:hover{color:#ff0000;}
.pp_channels .sub-list a: hover {		background-position: -169px -438px; *background-position: -169px -440px;}
.pop-panel {	z-index: 1000;	position: absolute;	visibility: hidden;	width: 198px;    height: auto;    background: #fff;	border:1px solid #bbb;border-bottom:none;border-top:none;}
pop-panel1{	z-index: 1000;	position: absolute;	visibility: hidden;	width: 198px;    height: auto;    background: #fff;	border:1px solid #bbb;border-bottom:none;border-top:none;}
.pop-panel a {	color: #61646E;}
.pop-panel a: hover {	text-decoration: none;	color: #C00;}
.yqlj{width: 65%;height:6vh;background: #f1e7dfd9;box-shadow: inset 1px -3px 9px 3px;padding: 2vh 0 0 2%;border-radius: 10px;}
#fbsj{text-align:center;margin-bottom:40px;}
#sitemap_li{height: auto;border: none;}
#sitemap_h3{color:#239ee5;}
#bzsj_li{width: 350px;height: 350px;}
#bzsj_img{width: 350px;height: 300px;}
#bzsj_span{width: 350px;margin-top: 20px;}
.dede_pages{}.dede_pages ul{margin-top: 1rem;width: 60%;height: 40px;padding: 2% 5% 2px 20%;border: ridge 10px;border-radius: 15px;background: #f3faffa8; box-shadow: 7px 7px 9px 3px #aec2c9;}
/*.dede_pages ul:hover{background: #5db0e7a8;}*/
.dede_pages ul li{	float:left;	font-family:Tahoma;	line-height:17px;	margin-right:6px;font-size:20px;	}
.dede_pages ul li a{	float:left;	padding:2px 4px 2px;	color:#555;	display:block; font-size: 20px;}
.dede_pages ul li a:hover{	color: #ebeef5;text-decoration: none;padding: 2px 4px 2px;    background: #3998fc;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{	background-color:#F8F8F8;	padding:2px 4px 2px;	font-weight:bold;font-size: 20px;}
.dede_pages .pageinfo{	line-height:21px;	padding:12px 10px 12px 16px;	color:#999;}
.dede_pages .pageinfo strong{	color:#555;	font-weight:normal;	margin:0px 2px;}

/*详情页放大效果开始*//*相关样式*/
#showbox { background:#eee;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum {    width: 500px!important;position: absolute;text-align: center;margin-top: -20px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}
.showpage { width:400px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

/*详情页放大效果结束*//* 下拉按钮样式 */
.dropbtn {    color: fff;    border: none;    cursor: pointer;	height: 40px;    line-height: 40px;}
/* 容器 <div> - 需要定位下拉内容 */
.dropdown {    position: relative;}
/* 下拉内容 (默认隐藏) */
.dropdown-content {    display: none;    background-color: #f9f9f9;    min-width: 133px;    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: relative;z-index: 9999;}
/* 下拉菜单的链接 */
.dropdown-content a {    color: #000 !important;    padding: 5px 13px;    text-decoration: none;    display: block;	font-size: 14px !important;	border-bottom: dotted 1px #ccc;}
/* 鼠标移上去后修改下拉菜单链接颜色 */
.dropdown-content a:hover {background-color: #d7d7d7;}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown:hover .dropdown-content {    display: block;}
/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown:hover .dropbtn {    }
.dropdown:hover .dropbtn a{color:#000;}

/*宽屏下拉菜单样式*//* 下拉按钮样式 
.dropbtn1 {color: fff;border: none; cursor: pointer;height: 40px;line-height: 40px;}*/
/* 容器 <div> - 需要定位下拉内容 */
.dropdown1 {position: relative;}
/* 下拉内容 (默认隐藏) */
.dropdown-content1 {display:none;width:125vw;left:-25vw;background-color: #f9f9f9;min-width: 133px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); position: absolute;z-index: 9999;}
/* 下拉菜单的链接 */
.dropdown-content1 ul li a {font-size:18px;color: #000 !important;padding: 5px 13px;text-decoration:none;display: block;border-bottom: dotted 1px #ccc;}
/* 鼠标移上去后修改下拉菜单链接颜色 */
.spcate h3{
	font-size:22px;
	color:#4587e8;
	border-bottom: dotted 1px #ccc;
}

.dropdown-content1 ul li a:hover {background-color: #d7d7d7;}
/* 在鼠标移上去后显示下拉菜单 */
.dropdown1:hover .dropdown-content1 {    display: block;}
/* 当下拉内容显示后修改下拉按钮的背景颜色 */
.dropdown1:hover .dropbtn1 {    }
.dropdown1:hover .dropbtn1 a{color:#000;}
.dropitem {
	float: left;
    width: 20%;
    height: 48vh;
}
.dropitem ul{
	 width: 100%;
     height:40vh;
}
.dropitem ul li{
	width: 80%;
    height: 5vh;
    line-height: 5vh;
    margin-left: 10%;
}
.item1 {
	
}

/*轮播图控制*/

  *{padding: 0; margin: 0}
  .slider {
    position: relative;
    height: 500px;
    min-width: 1004px;
    width: 100%;
    overflow: hidden;
  }
  .slider .slider-pointer {
    position: absolute;
    bottom: 20px;
    color: #fff;
    list-style: none;
    padding: 0;
    z-index: 999;
  }
  .slider .slider-pointer li {
    display: inline-block;
    margin: 0 15px;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #ffffff;
    opacity: 0.85;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-pointer li:hover {
    background-color: #e30006;
  }
  .slider .slider-pointer li.active {
    background-color: #3bb2ca;
  }
  .slider .slider-inner {
    width: 100%;
    height: 100%;
    position: relative;
  }
  .slider .slider-inner .item {
    width: 100%;
    height: 100%;
    float: left;
  }
  .slider .slider-inner .img {
    background-position: center top !important;
    width: 100%;
    height: 100%;
  }
  .slider .slider-control {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 999;
    border-radius: 30px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 30px;
    background-color: #ffffff;
    opacity: 0.5;
    cursor: pointer;
    top: 40%;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.5);
    transition: all 320ms ease;
  }
  .slider .slider-control:hover {
    opacity: 0.65;
    background-color: #b00005;
  }
  .slider .slider-control:active {
    opacity: 0.85;
  }
  .slider .slider-control.prev {
    display: none;
    left: 20px;
  }
  .slider .slider-control.next {
    display: none;
    right: 20px;
  }
  .slider:hover .slider-control.prev {
    display: block;
    left: 20px;
  }
  .slider:hover .slider-control.next {
    display: block;
    right: 20px;
  }

/*产品详情页幻灯片*/
/* {box-sizing:border-box}
body {font-family: Verdana,sans-serif;}*/
.mySlides {display:none}
 
/* 幻灯片容器 */
#slideshow-container {
  max-width: 1920px;
  position: relative;
  margin: auto;
}
 
/* 下一张 & 上一张 按钮 */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
 
/* 定位 "下一张" 按钮靠右 */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
 
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
 
/* 标题文本 
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}*/
 
/* 数字文本 (1/3 等)
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
} */
 
/* 标记符号*/
.dot {
  cursor:pointer;
  height: 13px;
  width: 13px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
} 
 
.active, .dot:hover {
  background-color: #717171;
}
 
/* 淡出动画 */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
 
@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
 
@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}